<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=<?=$this->config->item('charset');?>">
	<title><?=$caipu_info['title'];?>的做法_<?=$caipu_info['title'];?>在线打印_<?=$this->config->item('site_name');?></title>
	<meta name="keywords" content="<?=$caipu_info['title'];?>,<?=$caipu_info['title'];?>怎么做,<?=$caipu_info['title'];?>在线打印" />
	<meta name="description" content="<?=$caipu_info['title'];?>的营养价值,<?=$caipu_info['title'];?>食用禁忌,<?=$caipu_info['title'];?>食材用料,做<?=$caipu_info['title'];?>的技巧,菜谱打印" />
	<script src="<?=path_res('static/js/jquery.js')?>"></script>
    <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
</head>
<body>
    <style>
        body {margin:0 0 20px 0;}
        body,pre {font-family:arial,"宋体"; font-size:16px;}
        h1,h3 {padding:0; margin:0;}
        a {text-decoration:none;}
        
        @media print {.notprint {display:none;}}
        #print_header { padding:10px 0;border-bottom:1px solid #ccc;}
        #print_header div {width:770px; margin:auto; overflow:hidden;}
        #start_print {width:50px; line-height:30px; display:block; background:#EE4832; color:white; text-align:center;}
        #print_container {overflow:hidden; width:770px; margin:auto; zoom:1;}
        .print_container_header {border-bottom:1px solid #ccc; padding:20px 0 8px 0; margin-bottom:20px;}
        .print_container_header {height:46px;}
        .print_container_header h1 {font-size:26px!important; font-weight:normal; padding-top:13px;}
        .print_container_info {float:left; width:280px;}
        .print_container_info_img {width:280px; height:225px; margin-bottom:30px;}
        h3 {font-size:16px; margin-bottom:10px;}
        .print_container_info_ing {border-top:1px solid #ccc; list-style:none; margin-bottom:30px; padding:0;}
        .print_container_info_ing li {border-bottom:1px solid #ccc; padding:7px 0; line-height:22px;}
        .print_container_info_ing span {color:#999;}
        .print_container_info_tips {line-height:26px; _padding-left:40px; word-wrap:break-word; overflow:hidden; white-space:pre-wrap;}
        .print_container_steps {float:right; width:460px;}
        .print_container_steps ol {margin:0; padding:0 0 0 40px;}
        .print_container_steps ol li {line-height:32px; font-size:26px; padding:12px 0;}
        .print_footer {width: 770px;border-top: 1px solid #ccc;margin: auto;overflow: hidden;zoom: 1;text-align: right;}
        .print_footer .flogo {width: 133px;height: 48px;background: url(<?=path_res('static/img/slogo.png')?>) no-repeat 0 0;vertical-align: middle;display: inline-block;}
    </style>


<div id="print_header" class="notprint">
    <div>
        <a href="javascript:window.print();" id="start_print">打印</a>
    </div>
</div>
<div id="print_container">
    <div class="print_container_header">
        <h1><?=$caipu_info['title'];?></h1>
    </div>
    <div class="print_container_info">
        <img src="<?=$caipu_info['coverImage']?>" class="print_container_info_img" />

        <h3>用料</h3>
        <ul class="print_container_info_ing">
			<?php foreach( $caipu_info['materials'] as $materials_list) :?>
			<?php $materials = explode('，',$materials_list);?>
				<li><?=@$materials[0]?> <span><?=@$materials[1]?></span></li>
			<?php endforeach?>
        </ul>
        <?php if($caipu_info['tips']):?>
        <h3>小贴士</h3>
        <pre class="print_container_info_tips"><?=$caipu_info['tips']?></pre>
    	<?php endif?>
    </div>
    <div class="print_container_steps">
        <h3>做法</h3>
        <ol>
			<?php foreach( $caipu_info['setpInfos'] as $setpInfos) :?>
			<?php if($setpInfos != ''):?>
				<li><?=$setpInfos?></li>
			<?php endif?>
			<?php endforeach?>
        </ol>
    </div>
</div>
<div class="print_footer">
	<span class="flogo"></span>
</div>

</body>
</html>
